<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示与光标属性</title>
		<style>
			/*添加背景图*/
			div{
				width:500px;
				height:500px;
				bckgorund:url:(img/敖丙.png);
				background-size: 100%;
				/*显示属性 disolay
				display作用:将盒子模型中
				块,行,行内块元素切换显示
				显示属性值:none 将盒子模型从页面中消失
						 block 将盒子模型中元素转化为块元素
						 inline将盒子模型中元素转化为行元素
			    --理论:行转块,块转行,原则针对盒子模型中的元素
				属性值:遮罩层,左栏--none隐藏 black显示
				*/
				display:none;
				/*效果:申公豹没有了
				块转行,行内元素特点:元素的宽高由内容定
				div 特点:有宽没高
				*/
			   cursor:crosshair;
			}
			/*p添加背景图片 500*500 */
			p{
				width:500px;
				height:500px;
				background:url(img/敖丙.png);
				background-size: 100%;
				/*显示属性:隐藏
				visibility:hidden;和disappear:none:区别;
				visibility:hidden;特点:盒子模型存在,内容隐藏
				display:none;特点:盒子模型不存在,内容消失
				*/
			   visibi lity:hidden;
			   /*光标属性 cursor 属性值 pointer指针
									   crosshair 十字准线
									   text 文本
									   wait 加载等待
									   help 帮助
			}
		</style>
	</head>
	<body>
		<div></div>
		人心中的成见是一座大山
		<p></p>
		你打我撒~
	</body>
</html>